<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/bootstrap.css"/>
		<link rel="stylesheet" type="text/css" href="css/AboutUs.css"/>
		<title></title>
	</head>
	<body>
		
		<nav class="navbar navbar-default navbar-inverse">
		  <div class="container">
		    <!-- Brand and toggle get grouped for better mobile display -->
		    <div class="navbar-header">
		      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
		        <span class="sr-only">Toggle navigation</span>
		        <span class="icon-bar"></span>
		        <span class="icon-bar"></span>
		        <span class="icon-bar"></span>
		      </button>
		      <a class="navbar-brand logo" href="#" class="logo"><img src="img/Steffi_sign1.png" class="img-responsive"></a>
		    </div>
		
		    <!-- Collect the nav links, forms, and other content for toggling -->
		    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
		      <ul class="nav navbar-nav">
		        <li><a href="index.html">首页 <span class="sr-only">(current)</span></a></li>
		        <li><a href="PIC_Ghost.html">图片</a></li>
				<li><a href="video_Ghost.html">视频</a></li>
				<li><a href="#">新闻动态</a></li>
				<li><a href="#">开发者中心</a></li>
				<!-- <li><a href="#">开发者社区</a></li>
				<li><a href="#">开放平台</a></li> -->
				<li class="active"><a href="AboutUs.html">关于我们</a></li>
		        <!-- <li class="dropdown">
		          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>
		          <ul class="dropdown-menu">
		            <li><a href="#">Action</a></li>
		            <li><a href="#">Another action</a></li>
		            <li><a href="#">Something else here</a></li>
		            <li role="separator" class="divider"></li>
		            <li><a href="#">Separated link</a></li>
		            <li role="separator" class="divider"></li>
		            <li><a href="#">One more separated link</a></li>
		          </ul>
		        </li> -->
		      </ul>
		      
		      <ul class="nav navbar-nav navbar-right">
		        
		        <li class="dropdown">
		          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Language <span class="caret"></span></a>
		          <ul class="dropdown-menu">
		            <li><a href="#">中文</a></li>
		            <li><a href="#">English</a></li>
		
		          </ul>
		        </li>
		      </ul>
		    </div><!-- /.navbar-collapse -->
		  </div><!-- /.container-fluid -->
		</nav>
		
		<div class="audiobox">
			<div class="loading">Music Line</div>
		</div>
		<div class="audiobox">
			
			
				<audio src="./audio/花海钢琴.mp3"  controls preload id="music1">
			    </audio>
		</div>
		<div class="audiobox">
			
			<button class="btn btn-primary btn-ghost btn-shine" id="bf" onclick="bf();">播放</button>
			 <button class="btn btn-primary btn-ghost btn-shine" onclick="rbf();">重新播放</button>
				
		</div>
		
		<h1 class="glowIn">Hello World</h1>
		<p class="glowIn">
			 最近过得还好吗，好多天好多个夜，我都好难过去，也好难过。有好多不甘心，眼看着之前我计划好的日子和计划，全都变成了泡沫。这么久来，无论是喧嚣还是安静的时刻，目光所至的一切，都会猛然想起你，也时常想起自己的无数愚蠢行为，也咒骂了自己无数遍。
			其实3月份以来，我也知道我变了一个样子，整个人都阴沉了，因为3月初其实出了一件事
		</p>
		<p class="glowIn">
			其实3月份以来，我也知道我变了一个样子，整个人都阴沉了，因为3月初其实出了一件事
		</p>
		<p class="glowIn">
			事是这样的，两个月之前有次吃宵夜，有个喜欢放飞机朋友迟到了，我打电话逗他，随便催他：“点啊，男仔该快的时候不快，不该快的时候又快，唔掂啊”，其实说完都听得到都在笑，都习惯我这样开玩笑的。后面他来了，但是看到他腰好像不太舒服，他腰有老伤，以为有不舒服很正常，他当晚也没说什么，那天突然开始他在群里，基本只说一两句好累先休息什么的，都没怎么说话，我们都还不知道怎么了，我问是不是遇到啥事，也只是回了一句“没什么，就老伤复发了休息一下，这段时间不出来玩了”。虽然他这样回了，但我始终感觉他有点怪怪的。
			然后，就到了有一天，我经过地铁附近的医院回去的时候，他爸看到我，很远的大声的叫住了我，我一开始还高兴的打招呼，可他神情跟往常去他家的时候看到的不太一样，还没等我问好，他就说“是不是我那天晚上催他，然后他骑车骑太快，摔到了腰，加上老伤，可能要动手术”我一下懵了，我愣了好久才反应过来一个“是，然后一个劲的对不起，接着我说能不能让我看看他，然后他妈妈也出来了，冷冰冰平静的说：“他手机摔坏了，他现在只想自己静静，不想有人打扰。”他爸妈都认识我的，知道我们要好，我去他家也都挺热情的，突然变得这样情景，我那个时候真的人懵了，觉得自己像犯了罪一样，都是我开玩笑催他才导致的，那个时候开始，我一直在怀疑自己，觉得都是自己爱讲笑的错，如果那天不开玩笑不什么事没有了吗？要是我不是个经常这样说梗开玩笑，那我朋友不什么事都没有了。那天开始，我整个人变低落了，一直带着像罪人的一样心态。经常想到有梗想说的时候，一想到这件事都说不出口了，就3月那时候开始，白天和你上班的时候，很多时候反应想到有好笑段子，想说出口，每次想到我导致的同学的遭遇，又说不出口了
		</p>
		<p class="glowIn">
			最记得就是我导致有好几次无厘头的吵架，像那次我憋了很久没上厕所，你说我不行的时候，记得那时一下想的回复你的是开玩笑：“你没试过怎么知道8行，要你在我能继续忍两个小时”和一些污污的小段子啥的，可是那时候刚好收到同学发来信息，说去医院看他，还是被他爸妈拒绝了，我一下子讲笑的心思又没了，感觉负罪的心理又加重了，甚至担心会不会我再讲笑会不会又让你出现什么问题，我就很脑残的跟你讲了那些道理，其实那过后看真是有够傻逼的。 
			还有次4月8号，下午我让你先走那天，其实在那天收到了同学信息，说去医院他父母还是没让看望到他，说他想一个人休息，但是说已经确定手术日期了，还有一定概率有后遗症，这么久我都觉得自己像犯罪了一样，听到可能会有后遗症后，人宕机了一样，脑回路都不正常了，那天也是才说出那些傻逼话。
		</p>
		<p class="glowIn">
			还有我生日那天，我本来打算在生日这天发朋友圈晒出我们在一起的，但那天晚上回来后，我不是跟几个同学打牌吗，以往生日那个受伤的同学也会来的，但今天不在，那晚其实玩的都没有太尽兴。
			最后打完的时候，大家才说起这件事，同学说问到他父母说确定要准备做手术了，那时候还没知道可能有后遗症，但也让我很伤心，我去的几次他父母始终没怎么跟我说他的情况，可能他父母真的很恨我吧，甚至他也很恨我吧。以往生日都会发朋友圈，他们说他都这样了，今晚就不发了，所以我也忍住没发我们的，还是那种像罪人一样的感觉，但我当时也暗下决心，后面一定要找个机会，补回一个大惊喜给你再发朋友圈，也顺便把这件事说给你听。
		</p>
		<p class="glowIn">
			这件事发生的时候，我也想过立刻跟你说，可我想到你之前说过的，你不太愿意分享不开心的事，那我想，你应该也不想被太多不开心的事影响吧，所以就先没有告诉你。那时候也不知道这件事怎么解决，想着情况好转后再告诉你，以为不说就能暂时避开这件事的影响，没想到，我太蠢了，这样反而影响个更深了，这段时间我真的觉得自己像犯罪一样，跟你想到的玩笑很多开不出口，总是变成奇奇怪怪或者恶心恶心的方式讲了出来，又引发了一些或大或小傻逼的矛盾。真觉得自己像个脑瘫弱智一样，很多时候真的是想到自己讲笑导致的这个后果，让我不敢开玩笑，而是去做出一些跟开玩笑反向的傻逼行为，真的很对不起   在后面，同学手术完，情况转好了，可是你却这样说了分手，这么久来，反省着自己每一个傻逼行为，真的快恨死了我自己，明明想避开这件事的影响，却被影响的更深了
		</p>
		<p class="glowIn">
			我真的很不甘心，也放不过自己，每一天都过的很痛苦很痛苦。知道同学车祸以来我知道自己变了，我发现了之后，4月份以来，我一直在想怎么弥补我做的这么多蠢事，除了之前说的偷偷策划玩的方案和送的礼物之外，还有就是我一直在偷偷听和练小鬼的歌，想疫情放缓时，带你去唱歌，突然秀一手给你听，那一定会很惊喜吧。主要还想到，感觉3月份以来有几次奇奇怪怪的小吵架，好像表达出我不喜欢小鬼一样，觉得我表达的方向受那件事影响搞错了，我都准备之后买内场票一起带你去看他的演唱会的，怎么几次以来搞得我好像很不喜欢他一样，方向属实跑反了。所以一直在好好练歌，想突然给你个小惊喜，一直以来，我都没有不喜欢他，相反在偷偷练歌的时候，也更多的get到他发光的点在哪了。包括我去上课，我也是打算学会做小程序后，可以我们自己设计一个小程序，用来记录我们的生活自己玩也可以，也可以按你要求做一个追星专用的小程序给小鬼粉丝们用，争取让你在小鬼粉丝群里做下大佬
		</p>
		<p class="glowIn">
			这么久，我每一天都在想，很多时候我做的蠢事，同学受伤这件事影响是很大，我自己也有不对，我很多地方只是欠调教，我可以做任何改变
		</p>
		<script type="text/javascript">
			let glowInTexts = document.querySelectorAll(".glowIn");
			glowInTexts.forEach(glowInText => {
			  let letters = glowInText.textContent.split("");
			  glowInText.textContent = "";
			  letters.forEach((letter, i) => {
			    let span = document.createElement("span");
			    span.textContent = letter;
			    span.style.animationDelay = `${i * 0.05}s`;
			    glowInText.append(span);
			  });
			});



			


		</script>
		<script type="text/javascript">
			let loading = document.querySelector(".loading");
			let letters = loading.textContent.split("");
			loading.textContent = "";
			letters.forEach((letter, i) => {
			  let span = document.createElement("span");
			  span.textContent = letter;
			  span.style.animationDelay = `${i / 10}s`;
			  loading.append(span);
			});
		
		</script>
		    <script>
		        function rbf() {
		            var audio = document.getElementById('music1');
		            var bf=document.getElementById("bf");
		            audio.currentTime = 0;
		            audio.play();
		            bf.innerText="暂停";
		        }
		
		        function bf() {
		            var audio = document.getElementById('music1');
		            var bf=document.getElementById("bf");
		            if (audio !== null) {
		                if (audio.paused) {
		                    audio.play(); //audio.play();// 这个就是播放  
		                    bf.innerText="暂停";
		                } else {
		                    audio.pause(); // 这个就是暂停
		                    bf.innerText="播放";
		                }
		            }
		        }
		    </script>
	</body>
</html>
